@import '../common/constant.less';

.answer-questions {
  color: black;

  width: 100%;
  height: 80vh;

  border-radius: @window-radius;
  background-color: white;


  .answer-img {
    display: none;
  }

  &.text {

    
  }


  &.img {

    .answer-img {
      width: 100%;
      height: 200px;
    }

  }



  


  .question-area {
    @question-font-size:22px;

    padding: 0 @page-hor-margin 0 @page-hor-margin;


    .index-area {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .index {
        flex-basis: content;

        font-size: @question-font-size;
        font-weight: 900;
      }

      .time-record {
        flex-basis: content;
        color: @vote-man-red;

        font-weight: 900;

      }

    }

    .question {
      font-size: @question-font-size;
    }

    .option-area {

      padding: 0;

      .option {
        @option-height:40px;
        @option-border-color:#DEDEDE;
        @option-radius: @option-height / 2;
        @option-padding-hor:40px;
        @option-margin-ver:16px;


        list-style-type: none;
        margin: 0 0 @option-margin-ver 0;
        padding: 0 @option-padding-hor 0 @option-padding-hor;
        

        font-size: @question-font-size;

        height: @option-height;
        line-height: @option-height;
        vertical-align: middle;
        border-radius:  @option-radius;
        border-style: solid;
        border-color: @option-border-color;
        border-width: 1px;


        &.selected {
          background-color: @vote-man-red;
          border-style: none;
        }


      }

      


    }



  }






}